
<div>
	<div ng-repeat="recipientRelation in recipients">
		<div class="panel panel-primary">
			<div class="panel-heading height-53">
				<label class="font-160">{{recipientRelation.recipient | formatPerson}}</label>
				<button class="btn btn-warning pull-right" ng-click="remove($index)">
					<span class="glyphicon glyphicon-remove-sign"></span> {{'removeRecipient' | translate}}
				</button>
			</div>
			<div class="panel-body">
				<div recipient ng-model="recipientRelation"></div>
			</div>
		</div>
	</div>
	<div class="panel panel-primary" ng-if="recipients.length == 0">
		<div class="panel-heading height-53">
			<label class="font-160">{{'Tab.recipients' | translate}}</label>
		</div>
		<div class="panel-body">{{'noRecipients' | translate}}</div>
	</div>
	<div class="btn-group bot-20" dropdown>
		<button type="button" class="btn btn-success dropdown-toggle" ng-show="(recipients == null || recipients.length < maxRecipients)">
			<span class="glyphicon glyphicon-plus-sign"></span> {{'addRecipient' | translate}} <span class="caret"></span>
		</button>
		<ul class="dropdown-menu" role="menu">
			<li><a ng-click="add('PERSON')"><span class="glyphicon glyphicon-user"></span> {{'AbstractLegalEntityType.PERSON' | translate}}</a></li>
			<li><a ng-click="add('LEGAL')"><span class="glyphicon glyphicon-briefcase"></span> {{'AbstractLegalEntityType.LEGAL' | translate}}</a></li>
		</ul>
	</div>

</div>